<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul>
    <li>大学</li>
    <li>中学</li>
    <li>小学</li>
  </ul>
  <ol>
    <li>大学</li>
    <li>中学</li>
    <li>小学</li>
  </ol>
  <ul id="products"></ul>
</body>

</html>
<script>
  images = [
    "image\image\qyg1.jpg", "image\image\qyg1.jpg"
  ]
  for (var i = 0; i < 3; i++) {
    var obj = document.getElementById("products");
    obj.innerHTML += `<li>商品信息<img style="width: 100px;height: 100px;" src="${images[i]}" /></li>`;
  };
</script>